<template>
  <view class="container">
    <view class="box">
      <view class="space-between v-center b-item" @click="goRichText(1)">
        <view class="left">富侨汇用户协议</view>
        <image src="https://fuqiaohui.oss-cn-chengdu.aliyuncs.com/user/jt-hui.png" class="jt"></image>
      </view>
      <view class="space-between v-center b-item" @click="goRichText(2)">
        <view class="left">隐私政策</view>
        <image src="https://fuqiaohui.oss-cn-chengdu.aliyuncs.com/user/jt-hui.png" class="jt"></image>
      </view>
      <view class="space-between v-center b-item" @click="goRichText(3)">
        <view class="left">支付协议</view>
        <image src="https://fuqiaohui.oss-cn-chengdu.aliyuncs.com/user/jt-hui.png" class="jt"></image>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    goRichText(t) {
      uni.navigateTo({
        url: "../richtext/richtext?title=" + t
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  width: 100vw;
  height: 100vh;
}

.box {
  padding: 0 25rpx;
}

.b-item {
  height: 100rpx;
  width: 100%;
  border-bottom: 2rpx solid #e9e9e9;
}

.b-item:last-child {
  border: none;
}

.left {
  font-weight: 500;
  font-size: 28rpx;
  color: #333333;
}

.text {
  font-weight: 500;
  font-size: 30rpx;
  color: #333333;
  margin-right: 15rpx;
}

.img {
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
}
.jt {
  width: 13rpx;
  height: 23rpx;
}
</style>
